<template>
	<view>
		<u-select :value="value" @input="input" mode="mutil-column-auto" :list="list" @confirm="confirm"
			@cancel="cancel"></u-select>
	</view>
</template>

<script>
import area from './area.json';
export default {
	model: {
		prop: 'value',
		event: 'change'
	},
	props: {
		value: {
			type: Boolean,
			default: false
		}
	},
	data() {
		return {
			list: area
		};
	},
	created() { },
	methods: {
		input(val) {
			this.cancel()
		},
		confirm(val) {
			this.cancel();
			this.$emit('confirm', val);
		},
		cancel(val) {
			this.$emit('cancel', val);
		}
	}
};
</script>

<style></style>
